/**
 * Created by zheng on 2018/7/2.
 */
$(function () {
    $('#dg').datagrid({
        url: '/car/list',
        fit: true,
        fitColumns: true,
        //分页条
        pagination: true,
        // fit:true,
        //工具栏
        toolbar: "#tb",
        //单选
        singleSelect:true,
        columns: [
          [
            {field: 'x', checkbox: 'true'},
            /*{field: 'id', title: '编号', width: 100},*/
            {field: 'carOwner', title: '车主信息', width: 100},
            {field: 'brand', title: '车辆品牌', width: 100},
            {field: 'model', title: '车辆型号', width: 100},
            {field: 'number', title: '车牌号码', width: 100},
            {field: 'displacement', title: '排气量', width: 100},
            {field: 'buydate', title: '购买日期', width: 100},
            {field: 'evaluate', title: '市场估价', width: 100},
            {field: 'classify', title: '分类', width: 100,
                formatter: function (value, row, index) {
                    if (value == 1) {
                        return "<font color='green'>载人</font>";

                    } else if (value == 0) {
                        return "<font color='red'>载物</font>";
                    }
                }},
            {field: 'carsize', title: '车载大小', width: 100,
                formatter: function (value, row, index) {
                    if (value == 0) {
                        return "<font color='green'>小型</font>";

                    } else if (value == 1) {
                        return "<font color='blue'>中型</font>";
                    }else if (value == 2) {
                        return "<font color='#ffd700'>大型</font>";
                    }else if (value == 3) {
                        return "<font color='#8a2be2'>超大型</font>";
                    }
                }},
            {field: 'postscript', title: '备注信息', multiline:true,height:'300px'}
        ]]
        ,
        //新增
        border:false,
        cls:"table table-very table-basic"
    })

    //准备输入的对话弹框
    $('#dd').dialog({
        title: 'My Dialog',
        width: 500,
        height: 500,
        closed: true,
        // cache: false,
        modal: true,
        buttons: "#bb"

    })

    //将工具栏所有的函数集合在一个对象中
    var cmdObj;
    cmdObj = {
        //刷新emp页面
        reload: function () {
            $('#dg').datagrid("load")
        },
        //添加
        add: function () {
            //清除以前的数据
            $('#ff').form("clear");
            $('#dd').dialog("open")
            $('#dd').dialog("setTitle", "机构信息添加")
        },
        //改变emp状态
        changState: function () {
            var row = $('#dg').datagrid("getSelected");
            if (row == null) {
                $.messager.alert("温馨提示", "请选择一行");
                return;
            }
            $.get("/car/changState", {id: row.id}, function (data) {
                if (data.succeed) {
                    $.messager.alert("温馨提示", "更新状态成功");
                    $('#dg').datagrid("reload")
                } else {
                    $.messager.alert("温馨提示", "删除状态失败");
                }
            })
        },
        edit: function () {

            var row = $('#dg').datagrid("getSelected");
            if (row == null) {
                $.messager.alert("温馨提示", "请选择一行");
                return;
            }
            //console.log(row);
            $('#ff').form("clear");
            $('#dd').dialog("open")
            $('#dd').dialog("setTitle", "机构信息编辑")
            //清除以前的数据
            //回显
            $('#ff').form('load', row);
        },
        //高级查询
        query: function () {
            var keyword = $("#keyword").textbox("getValue");
            $('#dg').datagrid('load', {
                keyword: keyword,
            });
        },
        //保存数据[按钮]
        save: function () {

            var url = "/car/saveOrUpdate";
            //提交表单
            $('#ff').form('submit', {
                url: url,
                success: function (data) {
                    //把字符串转换为json
                    var data = $.parseJSON(data);
                    if (!data.succeed) {
                        $.messager.alert('温馨提示', data.errorMsg);
                    } else {
                        $.messager.alert('温馨提示', "保存成功");
                        //关闭对话框
                        $('#dd').dialog("close");
                        //刷新datagrid
                        $('#dg').datagrid("reload")
                    }
                }
            });
        },
        //关闭按钮
        cancel: function () {
            $('#dd').dialog("close")
        }

    };

    //调用函数集合对象
    $("a[data-cmd]").click(function () {
        var cmd = $(this).data("cmd");
        cmdObj[cmd]();
    })
})




